<template>
  <div id="app">
    <router-view />
    <Tabfooter :tabItems="tabItems" v-show="this.$route.meta.isShowTabbar"></Tabfooter>
  </div>
</template>
<script>
import Tabfooter from "./components/tabber/Tab_footer";
export default {
  components: {
    Tabfooter
  },
  data() {
    return {
      tabItems:[
        {
          icon:require("./assets/tabbar/home.png"),
          icon_active:require("./assets/tabbar/home_active.png"),
          title:"首页",
          path:"/"
        },
        {
          icon:require("./assets/tabbar/classify.png"),
          icon_active:require("./assets/tabbar/classify_active.png"),
          title:"分类",
          path:"/classify"
        },
        {
          icon:require("./assets/tabbar/cart.png"),
          icon_active:require("./assets/tabbar/cart_active.png"),
          title:"购物车",
          path:"/shop"
        },
        {
          icon:require("./assets/tabbar/mine.png"),
          icon_active:require("./assets/tabbar/mine_active.png"),
          title:"个人",
          path:"/about"
        }
      ]
    }
  },
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.32rem;
}
</style>
